Adwaita: avoid sizing transition on the scale...
authorLapo Calamandrei <calamandrei@gmail.com>
Thu, 24 Mar 2016 12:15:23 +0000 (13:15 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Thu, 24 Mar 2016 12:15:23 +0000 (13:15 +0100)
... since it ends up jumpy.

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index b0af8bfc3a845671f54c71e1655a54b671604c9f..d8be13d28f9e01e2caa02f48bbe10ebc06efe711 100644 (file)
@@ -2837,6 +2837,7 @@ scale {
     border: 1px solid darken($borders_color, 3%);
     border-radius: 100%;
     transition: $button_transition;
+    transition-property: background, border, box-shadow;
 
     &:hover { @include button(hover-alt, $edge: $shadow_color); }
 
index 3d93391900d3557e5e5ec05eda4a6250c665731b..4ca5eb1e7a80d22c61707fa769c1edf0ffdc5569 100644 (file)
@@ -2997,7 +2997,8 @@ scale {
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px rgba(0, 0, 0, 0.1);
     border: 1px solid #151717;
     border-radius: 100%;
-    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    transition-property: background, border, box-shadow; }
     scale slider:hover {
       color: #eeeeec;
       outline-color: rgba(238, 238, 236, 0.3);
index df05b7b1af81ac9bb5d3488397de695b45bdade9..99adfee62c77bc438aeec4ca758f75eba003659c 100644 (file)
@@ -3026,7 +3026,8 @@ scale {
     box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1);
     border: 1px solid #969691;
     border-radius: 100%;
-    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    transition-property: background, border, box-shadow; }
     scale slider:hover {
       color: #2e3436;
       outline-color: rgba(46, 52, 54, 0.3);